﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TransactionReport.aspx.cs" Inherits="WeddingEventManagementApp.Reports.TransactionReport" %>

<%@ Register assembly="Microsoft.ReportViewer.WebForms, Version=11.0.0.0, Culture=neutral, PublicKeyToken=89845dcd8080cc91" namespace="Microsoft.Reporting.WebForms" tagprefix="rsweb" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.0/themes/base/jquery-ui.css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        Date Range Start: <asp:TextBox ID="txtStartDate" runat="server" Width="150px"></asp:TextBox>
        &nbsp;
        &nbsp;&nbsp;Date Range End:&nbsp;
        <asp:TextBox ID="txtEndDate" runat="server" Width="150px"></asp:TextBox>
&nbsp;<br />
        <asp:Label ID="Label1" runat="server" Text="Client Name: "></asp:Label>
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <asp:DropDownList ID="drpClientName" runat="server" Height="20px" Width="155px">
        </asp:DropDownList>&nbsp;&nbsp;&nbsp;&nbsp; Payment Type:&nbsp;&nbsp;&nbsp;&nbsp;
        <asp:DropDownList ID="drpPaymentType" runat="server" Height="20px" Width="154px">
        </asp:DropDownList>
        <asp:Button ID="btnViewReport" runat="server" OnClick="btnViewReport_Click" Text="View Report" />
    <rsweb:ReportViewer ID="ReportViewer1" runat="server" Height="806px" Width="644px" ShowRefreshButton="False">
        </rsweb:ReportViewer>
    
    </div>
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
    <script>
        $(document).ready(function () {
            $("#txtStartDate").datepicker({
                changeMonth: true,
                changeYear: true
            });
            $("#txtEndDate").datepicker({
                changeMonth: true,
                changeYear: true
            });
        });
    </script>
</body>
</html>
